<template>
  <el-form label-position="top" class="p-10">
    <el-form-item label="卡片数据 (数组)">
      <VW v-model="activeData.extConfig.cardArr">
        <el-input v-model="activeData.extConfig.cardArr" placeholder="数组" />
      </VW>
    </el-form-item>
    <el-form-item label="总数">
      <VW v-model="activeData.extConfig.totla">
        <el-input v-model="activeData.extConfig.totla" placeholder="总数" />
      </VW>
    </el-form-item>
    <el-form-item label="新增按钮是否显示">
      <el-switch
        v-model="activeData.extConfig.isButton"
        active-color="#13ce66"
        inactive-color="#ff4949"
      >
      </el-switch>
    </el-form-item>
    <el-form-item label="是否可选">
      <el-checkbox v-model="activeData.extConfig.isSelected">可选</el-checkbox>
    </el-form-item>
    <el-form-item label="卡片宽度">
      <el-radio-group v-model="activeData.extConfig.cardWidth" size="mini">
        <el-radio-button :label="4">1/6</el-radio-button>
        <el-radio-button :label="6">1/4</el-radio-button>
        <el-radio-button :label="8">1/3</el-radio-button>
        <el-radio-button :label="12">1/2</el-radio-button>
        <el-radio-button :label="16">2/3</el-radio-button>
        <el-radio-button :label="18">3/4</el-radio-button>
        <el-radio-button :label="24">1</el-radio-button>
      </el-radio-group>
    </el-form-item>
  </el-form>
</template>
<script>
export default {
  name: "cardView-config",
  props: ["activeData"],
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
};
</script>